#t-user-profile {
  padding: 20px 0;
  margin: 0 20px;
  line-height: 20px;
  border-bottom: 1px dotted #dddddd;
}
#t-user-profile .l,
#t-user-profile .r {
  float: left;
}
#t-user-profile .l {
  width: 140px;
}
#t-user-profile .r {
  padding-top: 10px;
  padding-left: 20px;
  width: 655px;
  overflow: hidden;
}
#t-user-profile .l .thumb img {
  width: 140px;
  height: 140px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
}
#t-user-profile .r .u-name {
  font-size: 18px;
  margin-bottom: 10px;
}
#t-user-profile .r .twitter-follow,
.user-search-result-list .r .twitter-follow{
  display: inline-block;
  padding: 0px 5px;
  vertical-align: middle;
}
#t-user-profile .r p {
  font-size: 14px;
}
#u-profile-main {
  padding: 0 20px;
  font-size: 14px;
}
#u-profile-main .game-tweets-top {
  padding: 15px 0 0;
}
#u-profile-main .game-tweets-top h2 {
  float: left;
  font-size: 20px;
  padding-right: 20px;
}
.nav-tabs-wrapper{
  padding-top:20px;
}
.nav-tabs-wrapper .nav-tabs{
  margin-bottom: 15px;
}
.game-tweets-list li {
  margin-bottom: 40px;
}
.game-tweets-list li .l {
  position: relative;
  width: 160px;
  margin-right: 15px;
  _margin-right: 7px;
  margin-top: 40px;
}
.game-tweets-list li .game-thumb{
  width: 160px;
}
.game-tweets-list li .game-name{
  text-align: center;
  padding:5px 2px;
}
.game-tweets-list li .game-thumb .image-box{
  width:160px;
  height: 178px;
}
.game-tweets-list .l .thumb {
  height: auto;
}
.game-tweets-list .l .thumb img {
  max-width: 160px;
  max-height: 224px;
}
.game-tweets-list .like-percent {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 14px;
  color: #FFF;
  text-shadow: 0 1px 2px #666;
  -moz-text-shadow: 0 1px 2px #666;
  -webkit-text-shadow: 0 1px 2px #666;
  -o-text-shadow: 0 1px 2px #666;
  -ms-text-shadow: 0 1px 2px #666;
}
.game-tweets-list .tweets,
.search-result-list .tweets{
  display: block;
  background: #000000;
  color: #FFFFFF;
  height: 20px;
  line-height: 20px;
  text-align: center;
  width: 100%;
}
.game-tweets-list .r .t-action {
  padding: 10px 0;
  vertical-align: middle;
}
.game-tweets-list .r .t-action strong {
  font-size: 16px;
}
.t-action .tweet-action {
  padding-left: 40px;
}
.tweet-action span,
.tweet-action a,
.tweet-action em,
.tweet-action a.active{
  display: inline-block;
}
.tweet-action a {
  color: #888;
  margin-right: 10px;
}
.tweet-action a.active,.tweet-action a:hover {
  color: #fc5017;
}
.tab-content ul.tw-list{
  display: none;
}
.tab-content ul.active{
  display: block;
}
.tweet-action a em {
  background: url(../images/u_wb_sprite.jpg) 0 0 no-repeat;
  width: 18px;
  height: 15px;
  vertical-align: middle;
}
.tweet-action a.video em {
  background-position: -50px 0;
}
.tweet-action a.image em {
  background-position: -75px 0;
}
.tweet-action a.links em {
  background-position: -100px 0;
}
.tweet-action a.reply em {
  background-position: -125px 0;
}
.tweet-action a.expand em {
  background-position: -150px 0;
}
.tweet-action a.collect em {
  background-position: -175px 0;
}
.tweet-action a.more em {
  background-position: -200px 0;
}
.game-tweets-list .tw-list li {
  margin: 0;
}
.game-tweets-list .tw-list li .l {
  width: 60px;
  margin: 0 20px 0 0;
}
.game-tweets-list .tw-list li .r {
  width: 538px;
}
.game-tweets-list .image-list li .l {
  width: 160px;
}
.game-tweets-list .image-list li .r {
  width: 438px;
}
.tw-list {
  width: 618px;
  min-height: 200px;
  padding: 0 10px;
  border: 1px solid #dddddd;
}
.game-tweets-list .tw-list li {
  padding:10px 0;
  border-bottom: 1px solid #dddddd;
}
.game-tweets-list .tw-list li:last-child {
  border: none;
}
.tw-list .u-thumb {
  display: block;
  margin-bottom: 10px;
}
.tw-list .u-thumb img {
  width: 60px;
  height: 50px;
}
.tw-list li .follow {
  display: inline-block;
}
.tw-list .tw-author {
  position: relative;
}
.tw-list .tw-author em.time {
  position: absolute;
  right: 0;
  top: 0;
}
.tw-list .tw-content {
  padding: 10px 0;
}
.tw-list .tw-image p {
  margin: 10px 0;
}
.b-tw-action {
  padding: 20px 0 0;
  text-align: right;
}
/********tw-profile**********/
#tw-profile{
  padding: 20px;
}
.tw-profile{
  padding:0 20px;
}
#tw-profile .t,.tw-profile .t {
  margin-bottom: 10px;
}
#tw-profile .t h2,.tw-profile .t h2 {
  text-align: center;
}
#tw-profile .t img,.tw-profile .t img {
  vertical-align: middle;
}
#tw-profile .t h2 a:hover,.tw-profile .t h2 a:hover{
  text-decoration: none;
}
#tw-profile .tw-stats,.tw-profile .tw-stats {
  background-color: #f5f5f5;
  border: 1px solid #dddddd;
}
.tw-stats li {
  background-color: #f5f5f5;
  float: left;
  border-left: 1px solid #dddddd;
  text-align: center;
  padding: 10px 0;
  width: 33%;
}
.tw-stats li:first-child {
  border: none;
}
.tw-stats li a,
.tw-stats li strong {
  display: block;
}
.tw-stats li a:hover {
  text-decoration: none;
}
.tw-stats li strong {
  font-size: 16px;
}
/**********game profile************/
#t-game-profile {
  background: #FFF;
  margin-bottom: 20px;
  font-size: 14px;
}
#t-game-profile .l {
  width: 270px;
  margin-right: 20px;
  _margin-right: 10px;
}
#t-game-profile .game-left {
  padding: 20px 0 20px 20px;
}
#t-game-profile .t-profile {
  margin-bottom: 20px;
  padding-bottom: 20px 0;
  border-bottom: 1px dashed #dddddd;
}
#t-game-profile .like-thumb {
  background-color: #f1f1f1;
  width: 212px;
  text-align: center;
}
#t-game-profile .like-thumb  .image-box{
  width:212px;
  height: 283px;
}
#t-game-profile .like-thumb img {
  max-width: 212px;
  max-height: 284px;
}
#t-game-profile .t-profile p {
  margin: 10px 0;
}
#t-game-profile .t-profile p label {
  font-weight: bold;
  padding-right: 10px;
}
#t-game-profile .b-review p {
  margin: 5px 0;
}
#t-game-profile .r {
  width: 840px;
  overflow: hidden;
}
#t-game-profile .r .game-name {
  padding: 10px 0;
}
.media-switcher{
  position: relative;
}
.media-switcher .switcher-tabs{
  position: absolute;
  top: -33px;
  width: 100%;
  text-align: right;
}
.switcher-tabs .tab{
  display: inline-block;
  width: 100px;
  background: #222;
  color: #9a9a9a;
  margin-left: 5px;
  text-align: center;
  font-weight: bold;
  padding: 8px 10px;
}
.switcher-tabs .tab:hover{
  text-decoration: none;
  color: #FFF;
}
.switcher-tabs .tab-active{
  background: #EB4E01;
  color: #FFF;
}
.media-switcher .switcher-body{
  background: #222;
  height:468px;
  border: 4px solid #CCC;
}
.switcher-body .media-item{
  display: none;
}
#t-game-profile .r .game-video-screenhot {
  position: relative;
}
.game-video-screenhot{
  background: url(../images/video_loading.gif) center center no-repeat #000;
}
.game-video-screenhot .vplay {
  position: absolute;
  background: url(../images/video_play.png) no-repeat;
  width: 75px;
  height: 75px;
  top: 48%;
  left: 48%;
  opacity: 0.6;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 60);
  filter: alpha(opacity = 60);
  -webkit-transition: opacity 0.2s ease-in, opacity 0.2s ease-out;
  -moz-transition: opacity 0.2s ease-in, opacity 0.2s ease-out;
  -o-transition: opacity 0.2s ease-in, opacity 0.2s ease-out;
  transition: opacity 0.2s ease-in, opacity 0.2s ease-out;
}
.thumb:hover .vplay {
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 100);
  filter: alpha(opacity = 100);
}
#t-game-profile .r .game-tags {
  margin: 10px 0;
}
#t-game-profile .r .game-tags a {
  padding: 2px 5px;
}
#t-game-profile .r .game-intro {
  position: relative;
  margin: 10px 0;
}
.game-intro .fold {
  position: absolute;
  background: url(../images/game_sprite.jpg) 0 -205px no-repeat;
  width: 22px;
  height: 22px;
  right: 0;
  top: 0;
}
.tags {
  display: inline-block;
  background: url(../images/game_sprite.jpg) 0 -175px no-repeat;
  padding-left: 30px;
  height: 25px;
  vertical-align: middle;
  line-height: 25px;
}
.list {
  margin-bottom: 10px;
}
.list li {
  padding: 12px 0;
  border-bottom: 1px dashed #dddddd;
}
/*******************/
.image-list li,
.links-list li,
.tweets-list li{
  position: relative;
}
#video-thumb-playing{
  background-color: #eee;
}
.images-list li,
.images-list-wgth li{
  float: left;
  width: 180px;
  padding-left: 15px;
  border: none;
  margin-bottom:15px;
}
.game-tweets-list .images-list li,
.game-tweets-list .images-list-wgth li{
  border:none;
}
.images-list-wgth li .image-box,
.images-list li .image-box{
  height: 200px;
  padding: 5px;
  border: 1px solid #DDD;
}
.images-list li .image-box .thumb{
  width:168px;
  height:200px;
}
.game-tweets-list .images-list-wgth li,
.images-list-wgth li{
  width:190px;
  padding-left: 12px;
}
.images-list-wgth li .image-box{
  height:118px;
}
.images-list-wgth li .image-box .thumb{
  width:178px;
  height:118px;
}

/*****************/
.image-list li .l {
  width: 120px;
  margin-right: 20px;
  _margin-right: 10px;
}
.image-list li .r {
  width: 675px;
}
.image-list li .intro,
.links-list li .intro {
  float: left;
  width: 80%;
  overflow: hidden;
}
.links-list li .intro {
  width: 84%;
}
.tw-list li .intro {
  width: 79%;
}
.game-tweets-list .image-list .intro {
  width: 71%;
}
.image-list li .intro .title,
.links-list li .intro .title {
  padding: 5px 0;
  font-size: 16px;
  word-break: break-all;
}
.image-list li .intro .title em,
.image-list li .intro .title strong em {
  padding-left: 10px;
}
.image-list li .intro .title strong em {
  color: #fc5017;
}
.image-list li .intro p {
  line-height: 16px;
}
.image-list li .intro .desc a{
  margin-left:5px;
}
.image-list li .related{
  width: 108px;
  float: right;
}
.related label {
  display: inline-block;
  margin: 5px 0 0;
  vertical-align: top;
}
.related label a{
    display: inline-block;
    margin-bottom: 5px;
}
.related label a:hover{
  text-decoration: none;
}
.related label img {
  border: 1px solid #EEE;
}
.related label span {
  display: block;
  font-size: 12px;
}
.related label span a {
  display: block;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.tweets-list .l {
  width: 60px;
  margin-right: 20px;
  _margin-right: 10px;
}
.tweets-list .r {
  width: 735px;
}
.tweets-list .tw-author {
  padding: 5px 0;
}
.tweets-list .time {
  position: absolute;
  right: 5px;
  top: 15px;
}
/************search*************/
#search-wrapper .container {
  background: #FFF;
}
.search-box {
  padding: 20px;
  min-height: 550px;
}
.search-box .search-top {
  padding: 10px 0;
  border-bottom: 1px solid #dddddd;
  font-size: 16px;
}
.search-top strong {
  padding-right: 20px;
}
.order-btn {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f9f9f9), color-stop(1, #ffffff));
  background-image: -o-linear-gradient(bottom, #f9f9f9 0%, #ffffff 100%);
  background-image: -moz-linear-gradient(bottom, #f9f9f9 0%, #ffffff 100%);
  background-image: -webkit-linear-gradient(bottom, #f9f9f9 0%, #ffffff 100%);
  background-image: -ms-linear-gradient(bottom, #f9f9f9 0%, #ffffff 100%);
  background-image: linear-gradient(to bottom, #f9f9f9 0%, #ffffff 100%);
  border: 1px solid #dddddd;
  padding: 8px 10px;
  border-radius: 2px 2px 2px 2px;
  -webkit-border-radius: 2px 2px 2px 2px;
  -moz-border-radius: 2px 2px 2px 2px;
  -o-border-radius: 2px 2px 2px 2px;
  -ms-border-radius: 2px 2px 2px 2px;
}
.order-btn-active{
  background: #FFC989;
}
.order-btn em {
  background: url(../images/back/arrows_bg.png) no-repeat;
  display: inline-block;
  width: 10px;
  height: 12px;
  margin-left: 5px;
  vertical-align: middle;
}
.order-desc em {
  background-position: 0 -10px;
}
.order-asc em {
  background-position: 0 -5px;
}
.order-btn:hover {
  color: #fc5017;
}
.order-btn-active:hover{
  color: #444;
}
.search-result-list .l{
  position: relative;
}
.search-result-list li .l{
  width: 165px;
  text-align: center;
}
.search-result-list .r .intro{
  width:500px;
}
.game-result-list li .l{
  width: 135px;
}
.game-result-list li .like-thumb{
  width: 120px;
}
.u-profile-sta{
  background: #eee;
  font-size: 14px;
  margin: 10px 0 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.u-profile-sta li{
  border-bottom: none;
  text-align: left;
  float: left;
  width: 70px;
  margin-left: 10px;
}
.u-profile-sta li strong{
  display: block;
  margin-bottom: 5px;
}
.search-result-list .image-box,
.search-result-list .image-box a.thumb{
  width:120px;
  height:180px;
}
.search-result-list .image-box a.thumb img{
  max-width:120px;
  max-height:180px;
}
.user-search-result-list li .r{
  width:935px;
}
.user-search-result-list li .tw-profile{
  float: right;
  width: 260px;
}
.user-search-result-list .tw-stats>li{
  border-bottom: none;
}
/**/
.image-box{
  display: table;
  background-color: #f1f1f1;
}
.image-box a.thumb{
  display: table-cell;
  text-align:center;
  vertical-align: middle;
  font-size: 0;
  width: 100%;
}
.image-box a.thumb img{
  max-width:100%;
  max-height:100%;
}
/*pagination*/

.pagination {
  display: inline-block;
  vertical-align: middle;
  padding-left: 0;
  margin: 20px 0;
}
.pagination li{
  float: left;
  display: inline-block;
  line-height: 25px;
  border:1px solid #CCC;
  background-color: #FFF;
  margin:0 5px;
}
.pagination li a{
  display: block;
  padding: 2px 8px;
  text-align: center;
}
.pagination li a:hover{
  background-color: #ddd;
  text-decoration: none;
}
.pagination li.disable a{
  background-color: #CCC;
  cursor: default;
}
.leadto-signin{
  padding: 20px;
  text-align: center;
  font-size: 16px;
}
.leadto-signin a{
  background: url(../images/signin_with_twitter.png) no-repeat;
  display: inline-block;
  width: 160px;
  height:30px;
  font-size: 0;
  vertical-align: middle;
}
